<template>
  <el-row>
    <h1>
      <a @click="test">退出登录</a>Hello App!
      <nuxt-link to="/safety/">转到safety</nuxt-link>
    </h1>
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <el-breadcrumb separator=">">
          <el-breadcrumb-item to="/utils/table">表格</el-breadcrumb-item>
          <el-breadcrumb-item to="/utils/pane">标签页</el-breadcrumb-item>
          <el-breadcrumb-item to="/utils/dialog">弹出层</el-breadcrumb-item>
          <el-breadcrumb-item to="/utils/transfer">transfer</el-breadcrumb-item>
          <el-breadcrumb-item to="/utils/createSwaggerModel">createSwaggerModel</el-breadcrumb-item>
          <el-breadcrumb-item to="/utils/image">image</el-breadcrumb-item>
        </el-breadcrumb>
      </div>
      <nuxt-child/>
    </el-card>
  </el-row>
</template>

<script>
  import {AutoVue} from '~/plugins/Tools';

  export default AutoVue({
    store: ['USER_user'],
    name: 'index-utils',
    methods: {
      test () {
        this.postL('/users/logout')
          .then(data => {
            this.DEL('USER');
            this.$router.push({path: '/login'});
          });
      },
    },
  });
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">

</style>
